juce/source/extras/browser plugins/demo/test.html

   1 <HTML><HEAD><TITLE>Juce Plugin Test</TITLE></HEAD>
   2 <BODY>
   3 <center>
   4
   5 <script>
   6 function printmessage(arg)
   7 {
   8     document.getElementById ("result").innerHTML += "<p>" + arg + "</p>";
   9 }
  10
  11 function getPlugin()
  12 {
  13     return document.getElementById ("plugin");
  14 }
  15
  16 function showAMessage()
  17 {
  18     var response = getPlugin().printText ("This is a message sent from the website's javascript...");
  19     printmessage (response);
  20 }
  21
  22 function popUpMessageBox()
  23 {
  24     // fetch a couple of properties from the plugin and tell the plugin to show them in a pop-up box..
  25     getPlugin().popUpMessageBox ("property1 = " + getPlugin().property1
  26                                    + "\nproperty2 = " + getPlugin().property2);
  27 }
  28
  29 // callbacks from plugin...
  30 function WebpageCallbacks()
  31 {
  32     this.printmessage = printmessage;
  33 }
  34
  35 function sendCallbackObjectToPlugin()
  36 {
  37     // This gives the plugin an object containing methods that it can call, so that it
  38     // can trigger events in the webpage..
  39     getPlugin().registerCallbackObject (new WebpageCallbacks());
  40 }
  41
  42 </script>
  43
  44 <script>
  45 if (navigator.appName == "Microsoft Internet Explorer")
  46 {
  47     document.write('<object id="plugin" type="application/npjucedemo-plugin" classid="CLSID:F683B990-3ADF-11DE-BDFE-F9CB55D89593" width="80%" height="400"></object>');
  48 }
  49 else
  50 {
  51     document.write('<embed id="plugin" src="" type="application/npjucedemo-plugin" width="80%" height="400"></embed>');
  52 }
  53 </script>
  54
  55 <noscript>
  56  <embed id="plugin" src="" type="application/npjucedemo-plugin" width="80%" height="400"></embed>
  57 </noscript>
  58
  59 <br>
  60 <form name="formname">
  61 <input type=button value="Tell the plugin to show a message" onclick='showAMessage()'>
  62 <input type=button value="Tell the plugin to show a pop-up" onclick='popUpMessageBox()'>
  63 <input type=button value="Pass a callback object to the plugin" onclick='sendCallbackObjectToPlugin()'>
  64 </form>
  65
  66 <div id="result"></div>
  67
  68 </center>
  69 </BODY></HTML>